.f-h-auto {
  height: auto !important;
}
.f-w-auto {
  width: auto;
}
@for $i from 1 through 300  {
  .f-h-#{$i} {
    height: #{$i + '%'};
  }
  .f-h-px-#{$i} {
    height: #{$i + 'px'};
  }
  .f-h-px-imp-#{$i} {
    height: #{$i + 'px'} !important;
  }
  .f-w-#{$i} {
    width: #{$i + '%'};
  }
  .f-w-px-#{$i} {
    width: #{$i + 'px'};
  }
  .f-w-px-imp-#{$i} {
    width: #{$i + 'px'} !important;
  }
}

@for $i from 0 through 300 {
  .f-padding-#{$i} {
    padding: $i + px;
  }
  .f-padding-t#{$i} {
    padding-top: $i + px;
  }
  .f-padding-r#{$i} {
    padding-right: $i + px;
  }
  .f-padding-b#{$i} {
    padding-bottom: $i + px;
  }
  .f-padding-l#{$i} {
    padding-left: $i + px;
  }
  .f-padding-rl#{$i} {
    padding: 0 $i + px;
  }
  .f-padding-tb#{$i} {
    padding: $i + px  0;
  }

  .f-margin-#{$i} {
    margin: $i + px;
  }
  .f-margin-t#{$i} {
    margin-top: $i + px;
  }
  .f-margin-tb#{$i} {
    margin: $i + px 0;
  }
  .f-margin-r#{$i} {
    margin-right: $i + px;
  }
  .f-margin-b#{$i} {
    margin-bottom: $i + px;
  }
  .f-margin-l#{$i} {
    margin-left: $i + px !important;
  }
  .f-margin-rl#{$i} {
    margin-left: 0 $i + px !important;
  }

  .f-search-tool-#{$i} {
    .ant-form-item {
      float: left;
      margin-right: 10px;
      width: $i + px;
    }
  }
}

@for $i from 12 through 100 {
  .f-font-size#{$i} {
    font-size: $i + px;
  }
}

@for $i from 100 through 900 {
  .f-font-weight#{$i} {
    font-weight: $i;
  }
}

.f-margin-lauto{
  margin-left: auto;
}
.f-margin-rauto{
  margin-right: auto;
}

.f-font-family {
  font-family: 'PingFang SC-Medium', 
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,'Noto Sans',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji',
    '微软雅黑',
    'Microsoft YaHei',
    sans-serif,
}


$fDisplays: row, column;
@each $fDisplay in $fDisplays {
  .f-flex-#{$fDisplay} {
    display: flex;
    flex-direction: $fDisplay;
  }
}

.f-flex-1 {
  flex: 1;
}

.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-border-ruidus-8 {
  border-radius: 8px 8px 8px 8px !important;
}

.f-cursor {
  cursor: pointer;
}

.s-text-color1 {
  color: #1890ff;
}
.s-bg-white {
  background-color: #fff;
}

.f-font-bold {
  font-weight: bold;
}

.f-position-relative {
  position: relative;
}
.f-abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// $fontColors: red, green, blue;
// @each $fcolor in $fontColors {
//   .s-text-#{$fcolor} {
//     color: $fcolor;
//   }
// }

